iT邦幫忙

2023 iThome 鐵人賽

DAY 20
0
Modern Web

Ben 的學習網系列 第 20

第20天 - 測驗_題型_填空_比對

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20231004/201621419Hwpnnn1Rs.jpg

系統功能

今天介紹是前一組題型「填空」的「比對」功能。
這個是針對外文單字「填空」的延申性功能
1. 例如英文的「直徑」,正確答案是 diameter, 如果你拼成 diamater, 只錯了其中一個字母,會把錯誤的字母用紅色標注出來,讓你一目瞭然是哪個字母錯誤。這種判斷的方式也適用於日文和韓文。 

技術手法

function compWrongChar(answer, user) {
    var result = "<span style='color:blue'>";
    var correct = true;
    var word_cnt = 0;
    var correct_cnt = 0;
    var final_score = 0;
    for (var s = 0; s < answer.length; s++) {
        word_cnt++;
        if (s >= user.length) break;
        if (s > user.length || answer.substr(s, 1) != user.substr(s, 1)) {
            if (correct == true) {
                result = result + "</span><span style='color:red'>";
                correct = false;
            }
            if (s >= user.length) {
                result = result + answer.substr(s, 1);
            } else {
                result = result + user.substr(s, 1);
            }
        } else {
            correct_cnt++;
            if (correct == false) {
                result =
                    result + "</span><span style='color:blue'>" + user.substr(s, 1);
                correct = true;
            } else result = result + user.substr(s, 1);
        }
    }
    final_score = (correct_cnt * 100) / word_cnt;
    result =
        result +
        "</span><span style='color:green'><br>" +
        "本題得分:" +
        Math.round(final_score);
    return result;
}

語文學習20-機場與旅館

1. 這是你的行李嗎?對,這是我的行李
2. 你有先訂好房間了嗎?有,我訂了星期三到星期五的四人房
3. 〖單字〗機場
4. 〖單字〗旅館設施

上一篇
第19天 - 測驗_題型_填空
下一篇
第21天 - 測驗_題型_數學
系列文
Ben 的學習網30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言